
.banner{
    position: relative;
    height: 720px;
    background:url(../image/banner.jpg) no-repeat center;
    background-size: cover;
    background-position: center;
}
.banner .pre{ 
    position:absolute; 
    left: 250px;  
    top: 316px;
    width: 50px;
    height: 79px; 
    /* background-color:red;   */
}
.banner .next{   
    position:absolute;
    right: 250px;
    top: 316px;
    width: 50px;
    height: 79px;  
    /* background-color:red;   */
}
.banner .dot{
    position: absolute;
    bottom: 21px;
    left: 50%;
    margin-left:-54px;
}
.banner .dot span{
    float:left;
    width: 8px;
    height: 8px;  
    border-radius: 50%;
    /* 一直占据着空间 */
    border:5px solid transparent;
    background-color: gray;
    margin: 0 18px;
}
.banner .dot span:hover{
   background-color: #fff; 
   border-color: gray; 
}
.dress{
    height: 828px;
    text-align: center;
}
.dress h3{
    margin-top: 100px;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 26px;     
    color: #444444;

}
.dress .wed{
	height: 16px;
	line-height: 16px;
	font-size: 16px;
    color: #c1c1c1;
    margin-bottom: 96px;
}
.dress .nav{
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
}
.dress .collection{ 
    overflow: hidden;
    width: 100%;
    color: #ffffff;
    font-size: 12px;
}
.dress .collection .item{
    position: relative;
    float: left;
    width: 270px;
    height: 360px;
    margin-right:40px;
}
.dress .item .mask{
    position: absolute;
    top: 124px;
    left: 37px;
    text-align: center;
    /* background-color: red; */
}
.dress .mask .price{
    margin-bottom: 8px;
}
.dress .item .her{
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 39px;
}
.dress .collection .item.mr0{
    margin-right:0px;
}
.access{
    height: 556px;    
    background-color:rgba(125,125,125,0.3);
    /* opacity: 0.03; */
    text-align: center; 
    padding-top:0.1px 
}
.access h3{       
    font-size: 26px;
    line-height: 26px;  
    color: #444444;
    margin: 100px 0 10px;    
}
.access .jew{ 	
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 60px;	
	color: #c1c1c1;
}
.access .list{
    overflow: hidden;
}
.access .list .item{
    position: relative;
    float: left;
    width: 270px;
    height: 180px;
    margin-right: 40px;
}
.access .list .item.mr0{
    margin-right: 0px;
}
.access .list .item .mask{
      position: absolute;
      bottom: 0;
      left: 0;
      height: 60px;
      width: 270px;
      background-color: rgba(0,0,0,.3);
      opacity: 0;  
}
.access  .item:hover .mask{
      opacity: 1; 
}
.access .list .mask .rep{
      font-size: 14px;
      color: #ffffff;
      margin-bottom: 8px;
}
.access .list .mask .pef{
    font-size: 12px;
    color: #c1c1c1;
}
 .button{
    /* margin重叠 */  
       margin: 0 auto;
      margin-top: 60px;
      /* 设置宽高是设置内容的宽高 */
      width: 151px;
      height: 45px;
      line-height: 45px;
      border: solid 1px #f5f5f5; 
      text-align: center;  
}
.activity{
    height: 880px;
    /* text-align: center; */
}
.activity h3{
    font-size: 26px;
    line-height: 26px;  
    letter-spacing: 0px;
    color: #444444;
    margin-top: 100px;
    margin-bottom: 10px; 
    text-align: center;
}
.activity .lat{
    font-size: 16px;
    line-height: 16px;
    color: #c1c1c1;
    margin-bottom: 60px;
    text-align: center;
}
.activity .display{
    height: 354px;
    background: url(../image/dis.jpg) no-repeat center;
    background-size: cover;
}
.activity .list{
    margin-top: -167px;
    overflow: hidden;
}
.activity .list .item{
    float: left;
    width: 300px;
    height: 335px;
    background-color: #fff;
}
.activity .list .item .time{
    display: inline-block;
    font-size: 23px;
    line-height: 23px;
    color: #8b8b8b;
    margin: 38px 14px 48px 42px;
}
.activity .list .item .year{
    display: inline-block;
    height: 12px;
    line-height: 12px;
    color: #8b8b8b;
}
.activity .list .item .con{
    height: 16px;
    line-height: 16px;
    color: #000000;
    margin: 48px 0 21px 43px;
}
.activity .list .item .desc{
    font-size: 13px;
    line-height: 20px;
    color: #8b8b8b;
    margin-bottom: 57px;
    margin-left: 43px;
}
.activity .list .item .more{
    margin-left: 43px;
    font-size: 14px;
    line-height: 9px;
    color: #bebebe;
}
.activity .list .item  .button{
    font-size: 14px;
    line-height: 9px;
    color: #bebebe;
    text-align: center;

}
.designer{
        height: 664px;            
        background-color: #4d4d4d;
        text-align: center;
        overflow: hidden;   
}
.designer h3{
        font-size:26px;
        line-height:26px;    
        color: #f7f5f5;
        margin: 100px 0 10px;
    }
.designer .de{  
    font-size: 16px;
    line-height: 16px;	
    color: #c1c1c1;
    margin-bottom: 60px;
}
.designer .list{
    overflow: hidden;
    text-align: center;
}
.designer .list .item{
    float: left;
    width: 277px;
    /* height: 400px; */
    margin-right: 184px;
}
.designer .list .item img{
    border-radius: 50%;
}
.designer .list .item.mr0{
    margin-right: 0;
}
.designer .list .item .name{
    margin: 25px 0 10px;           
    font-size: 24px;
    height: 19px;
    line-height: 19px;      
    color: #f7f5f5;
}
.designer .list .des{  
    line-height: 12px;
    height: 12px; 
    font-size: 12px; 
    color: #b9b9b9;
    margin-bottom: 19px; 
}
.designer .list .item .honor{          
        line-height: 20px;       
        font-size: 12px;      
        color: #b9b9b9;
        margin-bottom: 68px; 
}
.designer .list .item .more{
    width: 151px;
    height: 28px;
    margin: 0 auto; 
}
.designer .list .item .line{
    width: 80%;          
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
    
}
.w{
    width: 1200px;
    height: 100%;
    margin: 0 auto; 
}